<template>
  <div class="full-box d-flex-c">
    <SoilMoisture
      class="half-height-panel m-b-s"
      @changeLayerVisible="(layId, visible) => $emit('changeLayerVisible',layId, visible)"
    />
    <GroundUnder
      class="half-height-panel"
      @changeLayerVisible="(layId, visible) => $emit('changeLayerVisible',layId, visible)"
    />
  </div>
</template>
<script>
import GroundUnder from './ground-water'
import SoilMoisture from './soil-moisture'
export default {
  name: 'YsqxxStationRight',
  components: { GroundUnder, SoilMoisture },
  data () {
    return {
      stageList: [],
      contrastStage: ''
    }
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.right-panel {
  height: 100%;
  width: 100%;
  padding: 0 50px 0 24px;
}

</style>
